<template>
	<div class="screensharemark">
		<video class="screenmarkvideo" id="screenmark" controls muted autoplay webkit-playsinline playsinline x5-playsinline x-webkit-airplay="true"> </video>
		<whiteboardclear class="whiteboard" v-if="whiteShow"></whiteboardclear>
	</div>
</template>

<script>
import Whiteboardclear from './Whiteboardclear';
export default {
	name: 'Screensharemark',
	components: { Whiteboardclear },
	data() {
		return {};
	},
	props: ['screenstreampublication', 'screenstream', 'whiteShow'],
	mounted() {},
	methods: {
		renderscreen() {}
	}
};
</script>

<style scoped>
.screenmarkvideo {
	width: 500px;
	height: 250px;
	position: relative;
	object-fit: contain;
	background-color: #1f1f1f;
}

.screensharemark {
	/*background: #6CB2FC;*/
	/*background:rgba(255,255,255,0);!*关键点*!*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*width: 600px;*/
	min-width: 500px;
	/*overflow: auto;*/
	height: 100%;
	background: rgba(208, 208, 208, 1);
}

.whiteboard {
	width: 500px;
	height: 250px;
	position: absolute;
}
</style>
